<template>
  <div>
    <CloudButton @click="success"> Success </CloudButton>
    <CloudButton @click="error"> Error </CloudButton>
    <CloudButton @click="info"> Info </CloudButton>
    <CloudButton @click="warning"> Warning </CloudButton>
    <CloudButton @click="warn"> Warn </CloudButton>
    <CloudButton @click="loading"> Loading </CloudButton>
    <CloudButton @click="open"> Open </CloudButton>
  </div>
</template>
<script>
export default {
  title: '4.其他提示类型this.$cloudMessage',
  methods: {
    open() {
      this.$cloudMessage.open('This is a open message');
    },
    success() {
      this.$cloudMessage.success('This is a success message');
    },
    error() {
      this.$cloudMessage.error('This is an error message');
    },
    info() {
      this.$cloudMessage.info('This is an info message');
    },
    warning() {
      this.$cloudMessage.warning('This is a warning message');
    },
    warn() {
      this.$cloudMessage.warn('This is a warn message');
    },
    loading() {
      this.$cloudMessage.loading('This is a loading message');
    },
  },
};
</script>